<template>
  <div class="quick-nav">
    <a href="https://gitee.com/xf98/Repair" target="_blank">
      <img src="../../assets/image/readme.png" alt="" class="readme">
    </a>
  </div>
</template>

<script>
export default {
  name: 'QuickNav'
}
</script>

<style scoped>
.quick-nav {
  width: 303px;
  height: 318px;
  background-color: transparent;
}

.monster {
  width: 280px;
  height: 260px;
  /*position: absolute;*/
  /*top: 150px;*/
  /*left: 700px;*/
}

.readme {
  width: 300px;
  height: 285px;
  position: absolute;
  margin-left: 50%;
  top: 150px;
  left: 230px;
}

.spark {
  position: absolute;
  margin-left: 50%;
  top: 100px;
  left: 20px;
}

.logo {
  width: 280px;
  position: absolute;
  margin-left: 50%;
  top: 50px;
  left: 210px;
}

</style>
